import './index.scss'
import "../style/header.scss";
import React, { useState,useEffect } from "react";
// import Top from "./pages/Top";

import Weather from '../../components/Weather'

import Clock from '../../components/Clock';
import Prediction from '../../components/Map/prediction/index'
// 导入右上第一个表格
import Right from '../../components/Map/right/index'

import { Link } from "react-router-dom";
import { Breadcrumb, Layout, Menu } from "antd";
import Qujing from '../../components/Map/MapChina/Qujing';
import Themebounced from '../../components/Themebounced'
import Studyplan from '../../components/Studyplan/index'
const { Header, Content, Footer } = Layout;

function App() {
    const [zoomMode, setzoomMode] = useState('');
    const [zoomMode1, setzoomMode1] = useState('');
    // console.log(`settings`, settings);
    useEffect(() => {
        const settings = JSON.parse(localStorage.getItem("settings")) || {};
        // console.log(`settings`, settings);
        if (settings.zoomMode == "stretch") {
            setzoomMode("left_zone_study");
        }
        if (settings.zoomMode == "cover") {
            setzoomMode("left_zone_study_cover");
        }
        if (settings.zoomMode == "contain") {
            setzoomMode("left_zone_study_contain");
        }

    }, []);
    return (
        <Layout className="layout">
            <Header className="logoOne">
                <div className="logo">
                    <a href="http://e-art.top" className="logo" title="关中刀客在青岛">
                        <img
                            src="http://e-art.top/projects/bigScreenCharts/static/img/logo_v0.1_w.png"
                            alt=""
                        />
                    </a>
                </div>
                <p>学习进度执行图表</p>
                <div className="weather">
                    <div className='weatershang'>
                        <Weather province="河北" city="保定" />
                        <Clock />
                    </div>
                    <div className="router">
                        <Link to='/map'>进入地图</Link>
                        <Link to='/earth'>进入3d地球</Link>
                        <Link to='/home'>返回首页</Link>
                    </div>
                </div>
            </Header>
            <Themebounced />
            <Content>
                <div className="left_col">
                    <div className='left_zone_study'>
                        <Studyplan></Studyplan>
                    </div>
                </div>
            </Content>
        </Layout >
    );
}
export default App;
